About this Style Guide

eDrawings WebGL Style Guide is a set of information and resources that addresses the usage of brand assets including navigation menubar, fonts, colors, and page layouts. The use of a design style guide provides uniformity in the application of graphic elements and the formatting of materials.

This guidelines presents the visual express of eDrawings WebGL with the following categories:

• UI Components
  It provides visual look and usage of UI components that display on interface and a user interacts with them. UI components include brand color and standard controls like menu, images, icons, input controls, windows, dialogs, panels, views, scrollbars, buttons and many other similar items.
• Layout
  It presents the overall structure of interface and the interaction with the components.
• Typography
  It covers the tone and style of text to be used on UI. Text should be understandable for different cultures and audience. Text specs include font size, color, and style and the displays on UI as fields, labels, messages, and information for user.
• Patterns
  Reusable design patterns are behavior for certain controls, few examples navigation, data formats, and states.
• WebGL Usage on the DS Sites
  It shows the information to show the ways that eDrawings WebGL included in the different DS Web Applications.
• Collection of UI Guidelines
  A reference list that shows all the Guidelines for DS Applications.

Version Control

Author	Date	Description
Bonny Cao	12/02/2019	Create the initital version